<!-- 加入蜂喔-->
<ng-container *ngIf="tagData.data&&tagData.data.info.publicity==='merchant'">
  <div class="main-box joinFengwo">
    <div id="posterSharingIdForSavePic" style="padding: 0.88rem 2rem;background: #f7f8fa;overflow: scroll;">
      <div
        style="background: #ffffff;box-shadow: 0rem 0.25rem 1rem 0rem rgba(39, 40, 46, 0.08);border-radius: 0.94rem;">
        <div *ngIf="tagData.data.info.img" style=" border-radius: 0.94rem 0.94rem 0rem 0rem;">
          <img id="baseDataContentId" style=" border-radius: 0.94rem 0.94rem 0rem 0rem;object-fit: fill;width: 100%;"
            onerror="this.src='assets/img/375x250@2x.png'" src="{{tagData.data.info.img}}" />
        </div>
        <div style="padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 1.06rem;padding-bottom: 1.69rem;">

          <!-- 新静态文案 -->
          <div class="ad-join-bg">
            <div class="join-bg">
              <span class="join-label">加入服务店</span>
              年赚百万不是梦！
            </div>
            <div class="join-bg">
              <span class="join-label">加入供应商</span>
              3亿套物业市场，前景大！
            </div>
          </div>
          <!-- 新静态文案 -->


          <div style="margin-top: 2.38rem;display: flex;justify-content: space-between;">
            <div>
              <div style="display: flex;">
                <img src="assets/icon/portrait50@3x.png"
                  style="width:2.5rem;height:2.5rem;margin-right: 0.75rem;border-radius: 1.25rem;" alt=""
                  src="{{tagData.data.info.avatarIcon}}">
                <div style="display: flex;flex-direction: column;justify-content: space-between;">
                  <p
                    style="font-size: 1rem;font-weight: 700;color: #252629;line-height: 1rem;display: flex;align-items: center;margin-bottom: .75rem;">
                    {{tagData.data.info.customerName}}
                    <span
                      style="background: #edeff3;border-radius: .19rem;font-size: .69rem;font-weight: 400;color: #7485a6;line-height: 1rem;padding-left: 0.25rem;padding-right: 0.25rem;margin-left:0.13rem;">{{tagData.data.info.customerCity}}</span>
                  </p>
                  <p
                    style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                    {{tagData.data.info.customerPhone}}</p>

                </div>

              </div>

              <!-- <p
                style="font-size: 1rem;font-weight: 700;color: #252629;line-height: 1rem;display: flex;align-items: center;margin-bottom: .75rem;">
                {{tagData.data.info.customerName}}
                <span
                  style="background: #edeff3;border-radius: .19rem;font-size: .69rem;font-weight: 400;color: #7485a6;line-height: 1rem;padding-left:0.25rem;padding-right:0.25rem;margin-left: 0.13rem;">{{tagData.data.info.customerCity}}</span>
              </p>
              <p style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                {{tagData.data.info.customerPhone}}</p>
              <p style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                {{tagData.data.info.customerTips}}
                <img style="display: inline-block;width: 4.56rem;height: .44rem;margin-left: .75rem;"
                  src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16196081549797b5b8040698b32d9d8934514b6faa51e.png" />
              </p> -->
              <p style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                {{tagData.data.info.customerTips}}
                <img style="display: inline-block;width: 4.56rem;height: .44rem;margin-left: .75rem;"
                  src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16196081549797b5b8040698b32d9d8934514b6faa51e.png" />
            </div>

            <img style="width: 4.69rem;
            height: 4.69rem;max-width: 100%;border: 0;vertical-align: middle;" src="{{qrCodeUrl}}">
          </div>
        </div>
      </div>
    </div>

  </div>
  <div class="share-btn-box">
    <div class="save-pic-box" *ngIf="tagData.data.wechat">
      <button id="wechat{{uuid}}" class="wechat-btn" [ngStyle]="tagData.data.wechat.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="shareWechat(tagData.data.wechat.isDouyin,tagData.data.wechat.title,tagData.data.wechat.content,tagData.data.wechat.imgUrl,tagData.data.wechat.webpageUrl)">
        <img src="{{tagData.data.wechat.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.wechat.label}}</label>
    </div>

    <div class="save-pic-box" *ngIf="tagData.data.qq">
      <button id="qq{{uuid}}" class="qq-btn" [ngStyle]="tagData.data.qq.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="shareQQ(tagData.data.qq.isDouyin,tagData.data.qq.title,tagData.data.qq.content,tagData.data.qq.imgUrl,tagData.data.qq.webpageUrl)">
        <img src="{{tagData.data.qq.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.qq.label}}</label>
    </div>

    <div class="save-pic-box" *ngIf="tagData.data.savePic">
      <button id="savepic{{uuid}}" class="save-pic-btn" [ngStyle]="tagData.data.savePic.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="savePic(tagData.data.savePic.isDouyin,tagData.data.savePic.title,tagData.data.savePic.content,tagData.data.savePic.webpageUrl,'savepic')">
        <img src="{{tagData.data.savePic.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.savePic.label}}</label>
    </div>

    <!-- 蜂喔商户 1.6.23 企业微信分享-->
    <div class="save-pic-box" *ngIf="tagData.data.enterpriseWechat">
      <button id="enterpriseWechat{{uuid}}" class="save-pic-btn"
        [ngStyle]="tagData.data.enterpriseWechat.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="enterpriseWechat(tagData.data.enterpriseWechat.shareType,tagData.data.enterpriseWechat.title,tagData.data.enterpriseWechat.content,tagData.data.enterpriseWechat.imageUrl,tagData.data.enterpriseWechat.webpageUrl,'enterpriseWechat')">
        <img src="{{tagData.data.enterpriseWechat.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.enterpriseWechat.label}}</label>
    </div>

  </div>
</ng-container>

<!-- 邀请客户-->
<ng-container *ngIf="tagData.data&&tagData.data.info.publicity==='customer'">
  <div class="main-box inviteCustomer">
    <div id="posterSharingIdForSavePic" style="padding: 0.88rem 0.5rem;background: #f7f8fa;">
      <div
        style="background: #ffffff;box-shadow: 0rem 0.25rem 1rem 0rem rgba(39, 40, 46, 0.08);border-radius: 0.94rem;">
        <div *ngIf="tagData.data.info.img" style=" border-radius: 0.94rem 0.94rem 0rem 0rem;">
          <img id="baseDataContentId" style=" border-radius: 0.94rem 0.94rem 0rem 0rem;object-fit: fill;width: 100%;"
            onerror="this.src='assets/img/375x250@2x.png'" src="{{tagData.data.info.img}}" />
        </div>
        <div style="padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 1.06rem;padding-bottom: 1.69rem;">
          <div style="display: flex;justify-content: space-between;">
            <div style="width: 100%;display: flex;flex-direction: column;">
              <p style="flex-grow: 1;font-size: 1.5rem;font-weight: 700;color: #252629;margin-bottom: 3.56rem;width: calc(100vw - 4.69rem - 1.25rem - 1.25rem - 0.6rem);"
                [ngStyle]="tagData.data.info.titleCssStyle|styleFilter">
                {{tagData.data.info.title1}}
                <font color="red">{{tagData.data.info.title2}}</font>
                {{tagData.data.info.title3}}
              </p>
              <div style="margin-top: 1.5rem;display: flex;align-items: center;flex-wrap: wrap;">
                <div style="display: flex;flex-direction: column;padding-right: 1.25rem;">
                  <p
                    style="margin-bottom: .75rem;background: rgba(255, 128, 0, 0.15);border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #ff5b4d;border-radius: .63rem .63rem 0;"
                      [ngStyle]="tagData.data.info.ask1CssStyle|styleFilter">{{tagData.data.info.ask1}}</span>
                    <span class="q"
                      [ngStyle]="tagData.data.info.sloganAsk1CssStyle|styleFilter">{{tagData.data.info.sloganAsk1}}</span>
                  </p>
                  <p
                    style="margin-bottom: .75rem;height: 1.25rem;background: rgba(255, 128, 0, 0.15);border-radius: .63rem;display: flex;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #33cc80;border-radius: .63rem .63rem 0;"
                      [ngStyle]="tagData.data.info.answer1CssStyle|styleFilter">{{tagData.data.info.answer1}}</span><span
                      class="a"
                      [ngStyle]="tagData.data.info.sloganAnswer1CssStyle|styleFilter">{{tagData.data.info.sloganAnswer1}}</span>
                  </p>
                </div>

                <div style="display: flex;flex-direction: column;">
                  <p
                    style="margin-bottom: .75rem;background: rgba(255, 128, 0, 0.15);border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #ff5b4d;border-radius: .63rem .63rem 0;"
                      [ngStyle]="tagData.data.info.ask2CssStyle|styleFilter">{{tagData.data.info.ask2}}</span>
                    <span class="q"
                      [ngStyle]="tagData.data.info.sloganAsk2CssStyle|styleFilter">{{tagData.data.info.sloganAsk2}}</span>
                  </p>
                  <p
                    style="margin-bottom: .75rem;height: 1.25rem;background: rgba(255, 128, 0, 0.15);border-radius: .63rem;display: flex;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #33cc80;border-radius: .63rem .63rem 0;"
                      [ngStyle]="tagData.data.info.answer2CssStyle|styleFilter">{{tagData.data.info.answer2}}</span><span
                      class="a"
                      [ngStyle]="tagData.data.info.sloganAnswer2CssStyle|styleFilter">{{tagData.data.info.sloganAnswer2}}</span>
                  </p>
                </div>
              </div>

            </div>
            <img style="width: 4.69rem;height:6.79rem;position: absolute; 
            right: 1.25rem;" src="{{tagData.data.info.logo}}" *ngIf="tagData.data.info?.logo"
              onerror="this.src='assets/icon/logo_stroke.png'" />
          </div>

          <div style="margin-top: 2.38rem;display: flex;justify-content: space-between;">
            <div>
              <div style="display: flex;">
                <img src="assets/icon/portrait50@3x.png"
                  style="width:2.5rem;height:2.5rem;margin-right: 0.75rem;border-radius:50%;" alt=""
                  src="{{tagData.data.info.avatarIcon}}">
                <div style="display: flex;flex-direction: column;justify-content: space-between;">
                  <p
                    style="font-size: 1rem;font-weight: 700;color: #252629;line-height: 1rem;display: flex;align-items: center;margin-bottom: .75rem;">
                    {{tagData.data.info.customerName}}
                    <span
                      style="background: #edeff3;border-radius: .19rem;font-size: .69rem;font-weight: 400;color: #7485a6;line-height: 1rem;padding-left: 0.25rem;padding-right: 0.25rem;margin-left:0.13rem;flex-shrink: 0;">{{tagData.data.info.customerCity}}</span>
                  </p>
                  <p
                    style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                    {{tagData.data.info.customerPhone}}</p>
                </div>
              </div>


              <p style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                {{tagData.data.info.customerTips}}<img
                  style="display: inline-block;width: 4.56rem;height: .44rem;margin-left: .75rem;"
                  src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16196081549797b5b8040698b32d9d8934514b6faa51e.png" />
              </p>
            </div>
            <img style="width: 4.69rem;
            height: 4.69rem;max-width: 100%;border: 0;vertical-align: middle;" src="{{qrCodeUrl}}">
          </div>
        </div>
      </div>
    </div>
    <div id="share-height" style="height: 1px;"></div>

  </div>
  <div class="share-btn-box">
    <div class="save-pic-box" *ngIf="tagData.data.wechat">
      <button id="wechat{{uuid}}" class="wechat-btn" [ngStyle]="tagData.data.wechat.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="shareWechat(tagData.data.wechat.isDouyin,tagData.data.wechat.title,tagData.data.wechat.content,tagData.data.wechat.imgUrl,tagData.data.wechat.webpageUrl)">
        <img src="{{tagData.data.wechat.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label"
        [ngStyle]="tagData.data.wechat.labelCssStyle|styleFilter">{{tagData.data.wechat.label}}</label>
    </div>

    <div class="save-pic-box" *ngIf="tagData.data.qq">
      <button id="qq{{uuid}}" class="qq-btn" [ngStyle]="tagData.data.qq.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="shareQQ(tagData.data.qq.isDouyin,tagData.data.qq.title,tagData.data.qq.content,tagData.data.qq.imgUrl,tagData.data.qq.webpageUrl)">
        <img src="{{tagData.data.qq.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label"
        [ngStyle]="tagData.data.qq.labelCssStyle|styleFilter">{{tagData.data.qq.label}}</label>
    </div>

    <div class="save-pic-box" *ngIf="tagData.data.savePic">
      <button id="savepic{{uuid}}" class="save-pic-btn" [ngStyle]="tagData.data.savePic.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="savePic(tagData.data.savePic.isDouyin,tagData.data.savePic.title,tagData.data.savePic.content,tagData.data.savePic.webpageUrl,'savepic')">
        <img src="{{tagData.data.savePic.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label"
        [ngStyle]="tagData.data.savePic.labelCssStyle|styleFilter">{{tagData.data.savePic.label}}</label>
    </div>

    <!-- 蜂喔商户 1.6.23 企业微信分享-->
    <div class="save-pic-box" *ngIf="tagData.data.enterpriseWechat">
      <button id="enterpriseWechat{{uuid}}" class="save-pic-btn"
        [ngStyle]="tagData.data.enterpriseWechat.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="enterpriseWechat(tagData.data.enterpriseWechat.shareType,tagData.data.enterpriseWechat.title,tagData.data.enterpriseWechat.content,tagData.data.enterpriseWechat.imageUrl,tagData.data.enterpriseWechat.webpageUrl,'enterpriseWechat')">
        <img src="{{tagData.data.enterpriseWechat.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.enterpriseWechat.label}}</label>
    </div>
  </div>
</ng-container>

<!-- 加入门店-->
<ng-container *ngIf="tagData.data&&tagData.data.info.publicity==='join'">
  <div class="main-box joinStore">
    <div id="posterSharingIdForSavePic" style="padding: 0.88rem 0.5rem;background: #f7f8fa;">
      <div
        style="background: #ffffff;box-shadow: 0rem 0.25rem 1rem 0rem rgba(39, 40, 46, 0.08);border-radius: 0.94rem;">
        <div style="padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 1.06rem;padding-bottom: 1.69rem;">
          <div style="display: flex;justify-content: space-between;">
            <div style="width: 100%;display: flex;flex-direction: column;">
              <p
                style="flex-grow: 1;font-size: 1.5rem;font-weight: 700;color: #252629;margin-bottom: 3.56rem;width: calc(100vw - 4.69rem - 1.25rem - 1.25rem - 0.6rem);">
                {{tagData.data.info.title1}}
                <font color="red">{{tagData.data.info.title2}}</font>
                {{tagData.data.info.title3}}
              </p>
              <!-- <div style="margin-top: 1.5rem;display: flex;align-items: center;flex-wrap: wrap;">
                <div style="display: flex;flex-direction: column;padding-right: 1.25rem;">
                  <p
                    style="margin-bottom: .75rem;background: #ffe7e4;border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #ff5b4d;border-radius: .63rem .63rem 0;">问</span>
                    <span class="q">{{tagData.data.info.sloganAsk1}}</span>
                  </p>
                  <p
                    style="height: 1.25rem;display: flex;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #33cc80;border-radius: .63rem .63rem 0;">答</span><span
                      class="a">{{tagData.data.info.sloganAnswer1}}</span>
                  </p>
                </div>

                <div style="display: flex;flex-direction: column;">
                  <p
                    style="margin-bottom: .75rem;background: #ffe7e4;border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #ff5b4d;border-radius: .63rem .63rem 0;">问</span>
                    <span class="q">{{tagData.data.info.sloganAsk2}}</span>
                  </p>
                  <p
                    style="height: 1.25rem;display: flex;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                    <span
                      style="text-align: center;width: 1.25rem;height: 1.25rem;background: #33cc80;border-radius: .63rem .63rem 0;">答</span><span
                      class="a">{{tagData.data.info.sloganAnswer2}}</span>
                  </p>
                </div>
              </div> -->
              <p
                style="margin-bottom: .75rem;border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin-top: 0.5rem;">
                <span style="text-align: center;
                width: 1.25rem;
                height: 1.25rem;
                background: #FF5B4D;
                color: #FFFFFF;padding-top: 0.13rem;
                border-radius: .63rem .63rem 0;">1</span>
                <span style="display: inline-block;
                margin-left: .5rem;
                font-size: .88rem;
                font-weight: 700;
                color: #252629;
                line-height: 1.25rem;">
                  {{tagData.data.info.sloganAsk1}}</span>
              </p>
              <p
                style="margin-bottom: .75rem;border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                <span style="text-align: center;
                width: 1.25rem;
                height: 1.25rem;
                background: #FF5B4D;
                color: #FFFFFF;padding-top: 0.13rem;
                border-radius: .63rem .63rem 0;">2</span>
                <span style="display: inline-block;
                margin-left: .5rem;
                font-size: .88rem;
                font-weight: 700;
                color: #252629;
                line-height: 1.25rem;">
                  {{tagData.data.info.sloganAnswer1}}</span>
              </p>
              <p
                style="margin-bottom: .75rem;border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                <span style="text-align: center;
                width: 1.25rem;
                height: 1.25rem;
                background: #FF5B4D;
                color: #FFFFFF;padding-top: 0.13rem;
                border-radius: .63rem .63rem 0;">3</span>
                <span style="display: inline-block;
                margin-left: .5rem;
                font-size: .88rem;
                font-weight: 700;
                color: #252629;
                line-height: 1.25rem;">
                  {{tagData.data.info.sloganAsk2}}</span>
              </p>
              <p
                style="margin-bottom: .75rem;border-radius: .63rem;height: 1.25rem;display: flex;align-items: center;padding-right: .38rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;">
                <span style="text-align: center;
              width: 1.25rem;
              height: 1.25rem;
              background: #FF5B4D;
              color: #FFFFFF;padding-top: 0.13rem;
              border-radius: .63rem .63rem 0;">4</span>
                <span style="display: inline-block;
              margin-left: .5rem;
              font-size: .88rem;
              font-weight: 700;
              color: #252629;
              line-height: 1.25rem;">
                  {{tagData.data.info.sloganAnswer2}}</span>
              </p>
            </div>
            <img style="width: 4.69rem;height:6.79rem;position: absolute;
            right: 1.25rem;" src="{{tagData.data.info.logo}}" onerror="this.src='assets/icon/logo_stroke.png'" />
          </div>

          <div style="margin-top: 2.38rem;display: flex;justify-content: space-between;">
            <div>
              <div style="display: flex;">
                <img src="assets/icon/portrait50@3x.png"
                  style="width:2.5rem;height:2.5rem;margin-right: 0.75rem;border-radius:50%;" alt=""
                  src="{{tagData.data.info.avatarIcon}}">
                <div style="display: flex;flex-direction: column;justify-content: space-between;">
                  <p
                    style="font-size: 1rem;font-weight: 700;color: #252629;line-height: 1rem;display: flex;align-items: center;margin-bottom: .75rem;">
                    {{tagData.data.info.customerName}}
                    <span
                      style="background: #edeff3;border-radius: .19rem;font-size: .69rem;font-weight: 400;color: #7485a6;line-height: 1rem;padding-left: 0.25rem;padding-right: 0.25rem;margin-left:0.13rem;">{{tagData.data.info.customerCity}}</span>
                  </p>
                  <p
                    style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                    {{tagData.data.info.customerPhone}}</p>
                </div>
              </div>


              <p style="margin-bottom: .81rem;font-size: .75rem;font-weight: 400;color: #7e838c;line-height: .75rem;">
                {{tagData.data.info.customerTips}}<img
                  style="display: inline-block;width: 4.56rem;height: .44rem;margin-left: .75rem;"
                  src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16196081549797b5b8040698b32d9d8934514b6faa51e.png" />
              </p>
            </div>
            <img style="width: 4.69rem;
            height: 4.69rem;max-width: 100%;border: 0;vertical-align: middle;" src="{{qrCodeUrl}}">
          </div>
        </div>
      </div>
    </div>
    <div id="share-height" style="height: 1px;"></div>

  </div>
  <div class="share-btn-box">
    <div class="save-pic-box" *ngIf="tagData.data.wechat">
      <button id="wechat{{uuid}}" class="wechat-btn" [ngStyle]="tagData.data.wechat.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="shareWechat(tagData.data.wechat.isDouyin,tagData.data.wechat.title,tagData.data.wechat.content,tagData.data.wechat.imgUrl,tagData.data.wechat.webpageUrl)">
        <img src="{{tagData.data.wechat.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.wechat.label}}</label>
    </div>

    <div class="save-pic-box" *ngIf="tagData.data.qq">
      <button id="qq{{uuid}}" class="qq-btn" [ngStyle]="tagData.data.qq.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="shareQQ(tagData.data.qq.isDouyin,tagData.data.qq.title,tagData.data.qq.content,tagData.data.qq.imgUrl,tagData.data.qq.webpageUrl)">
        <img src="{{tagData.data.qq.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.qq.label}}</label>
    </div>

    <div class="save-pic-box" *ngIf="tagData.data.savePic">
      <button id="savepic{{uuid}}" class="save-pic-btn" [ngStyle]="tagData.data.savePic.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="savePic(tagData.data.savePic.isDouyin,tagData.data.savePic.title,tagData.data.savePic.content,tagData.data.savePic.webpageUrl,'savepic')">
        <img src="{{tagData.data.savePic.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.savePic.label}}</label>
    </div>
    <!-- 蜂喔商户 1.6.23 企业微信分享-->
    <div class="save-pic-box" *ngIf="tagData.data.enterpriseWechat">
      <button id="enterpriseWechat{{uuid}}" class="save-pic-btn"
        [ngStyle]="tagData.data.enterpriseWechat.cssStyle|styleFilter"
        appDebounceClick (debounceClick)="enterpriseWechat(tagData.data.enterpriseWechat.shareType,tagData.data.enterpriseWechat.title,tagData.data.enterpriseWechat.content,tagData.data.enterpriseWechat.imageUrl,tagData.data.enterpriseWechat.webpageUrl,'enterpriseWechat')">
        <img src="{{tagData.data.enterpriseWechat.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
          class="common-save-pic" />
      </button>
      <label class="share-btn-label">{{tagData.data.enterpriseWechat.label}}</label>
    </div>
  </div>
</ng-container>

<!--分享二维码 1.9.16 蜂喔用户新增 -->
<ng-container *ngIf="tagData.data&&tagData.data.info.publicity==='shareWechat'">
  <div class="main-box-bottom shareWechat">
    <div id="posterSharingIdForSavePic" style="padding: 0.88rem 0.5rem;background: #EDEDED;">
      <div
        style="background: #ffffff;box-shadow: 0rem 0.25rem 1rem 0rem rgba(39, 40, 46, 0.08);border-radius: 0.94rem;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom:1.25rem;">
        <div style="margin-top: 2.38rem;display: flex;justify-content: space-between;">
          <div>
            <div style="display: flex;width: calc(100vw - 3rem);">
              <img src="assets/icon/portrait50@3x.png"
                style="width: 4.5rem;height: 4.5rem;margin-right: 0.75rem;border-radius: 50%;margin-left: 1.75rem;"
                alt="" src="{{tagData.data.info.avatarIcon}}">
              <div style="display: flex;flex-direction: column;">
                <p
                  style="font-size: 1.13rem;font-weight: bold;color: #0F0F0F;display: flex;align-items: center;margin-bottom: 0.5rem;">
                  {{tagData.data.info?.title}}
                </p>
                <p style="margin-bottom: .63rem;font-size: 0.75rem;font-weight: 400;color: #4D4545;">
                  {{tagData.data.info?.subTitle}}</p>
                <p style="margin-bottom: .25rem;font-size: 0.75rem;font-weight: 400;color: #575A61;">
                  {{tagData.data.info?.introduce}}</p>
                <p style="margin-bottom: .25rem;font-size: 0.75rem;font-weight: 400;color: #575A61;"
                  appDebounceClick (debounceClick)="copyUrl(tagData.data.info.wechatId)">
                  {{tagData.data.info?.wechatIdLabel}}{{tagData.data.info?.wechatId}}
                  <ng-container *ngIf="isShowCopyBtnImg===true">
                    <img id="copySmallBtn{{uuid}}" src="assets/fw/copy.png"
                      style="width:1rem;height:1rem;margin-left: 0.5rem;" alt="">
                  </ng-container>

                </p>
              </div>
            </div>
          </div>
        </div>
        <img style="width: calc(100vw - 4.5rem);height: calc(100vw - 4.5rem);border: 0;vertical-align: middle;"
          src="{{tagData.data.info?.code}}">
        <p
          style="font-size: 0.75rem;font-weight: 400;color: #808080;display: flex;align-items: center;justify-content: center;">
          {{tagData.data.info?.expectDistrictLabel}}</p>
      </div>
    </div>
    <!--codeTips:保存到相册，微信扫一扫加微信好友或复制微信号加好友-->
    <p
      style="font-size: 0.75rem;font-weight: 400;color: #808080;display: flex;align-items: center;justify-content: center;">
      {{tagData.data.info.codeTips}}</p>
    <div id="share-height" style="height: 1px;"></div>
  </div>
  <!--底部按钮:保存图片 复制微信号-->
  <div class="bottom-box">
    <button id="savepic{{uuid}}" class="save-btn2"
      (debounceClick)="savePic(false,tagData.data.button.title,tagData.data.button.content,tagData.data.button.webpageUrl,'savepic')"
      appDebounceClick [debounceTime]="300">
      <div class="save-box">
        <ng-container *ngIf="tagData.data.button.icon">
          <img src="{{tagData.data.button.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
            class="save-icon" />
        </ng-container>
        <label class="save-label">{{tagData.data.button.label}}</label>
      </div>
    </button>
    <button id="copy{{uuid}}" class="copy-btn" appDebounceClick (debounceClick)="copyUrl(tagData.data.info.wechatId)">
      <div class="save-box">
        <label class="save-label">{{tagData.data.copyBtn.label}}</label>
      </div>
    </button>
  </div>
</ng-container>

<!--旧的样式 -->
<ng-container *ngIf="tagData.data&&!tagData.data.info.publicity">
  <div class="main-box-bottom orignal ">
    <div id="posterSharingIdForSavePic" style="padding: 0.88rem 0.5rem;background: #f7f8fa;">
      <div
        style="background: #ffffff;box-shadow: 0rem 0.25rem 1rem 0rem rgba(39, 40, 46, 0.08);border-radius: 0.94rem;">
        <div *ngIf="tagData.data.info.img" style=" height: 14.75rem;border-radius: 0.94rem 0.94rem 0rem 0rem;">
          <img id="baseDataContentId"
            style="height: 14.75rem; border-radius: 0.94rem 0.94rem 0rem 0rem;object-fit: cover;width: 100%;"
            onerror="this.src='assets/img/375x250@2x.png'" src="{{tagData.data.info.img}}" />
        </div>
        <div style="padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 1.06rem;">

          <div style="margin-bottom: 0.63rem;">
            <p style="font-size: 1rem;font-weight: bold;color: #27282e;line-height: 1rem;">{{tagData.data.info.title}}
            </p>
          </div>
          <div
            style="line-height: 1rem; margin-top: 0.55rem; margin-bottom: 1.25rem;display: flex; align-items: center;">
            <img *ngIf="tagData.data.info.isAuth" style="margin-right: 0.63rem;width: 2.81rem;height: 1rem;"
              src="assets/img/lab_authentication@3x.png">
            <p *ngIf="tagData.data.info.refreshTime || tagData.data.info.idNumber"
              style="font-size: 0.75rem;color: #858894;letter-spacing: 0;line-height: 12px;display: flex;align-items: center;">
              刷新：{{tagData.data.info.refreshTime}} 编号：{{tagData.data.info.idNumber}}</p>
          </div>
          <div *ngIf="tagData.data.info.minArea" style="text-align: left;">
            <p
              style="font-size: 1.3rem;color: #ff6314;letter-spacing: 0;font-weight: bold;-webkit-margin-before: 0;margin-block-start: 0;-webkit-margin-after: 0;margin-block-end: 0;word-wrap: break-word;">
              <ng-container *ngIf="tagData.data.info.minArea">
                {{tagData.data.info.minArea}}
              </ng-container>
              <ng-container *ngIf="tagData.data.info.maxArea">
                -{{tagData.data.info.maxArea}}
              </ng-container>
              <span style="font-size: 0.93rem;">㎡</span>
            </p>
          </div>
          <div style="margin-bottom: 1.88rem;" *ngIf="tagData.data.info.rent||tagData.data.info.fee"><span
              style="height: 0.75rem;font-size: 0.75rem;font-weight: 400;color: #858894;line-height: 0.75rem;">{{tagData.data.info.rent}}</span>&nbsp;&nbsp;<span
              style="height: 0.75rem;font-size: 0.75rem;font-weight: 400;color: #858894;line-height: 0.75rem;"
              *ngIf="tagData.data.info.fee">{{tagData.data.info.fee}}</span>
          </div>
          <hr *ngIf="tagData.data.info.showLine"
            style="margin-top: .88rem;margin-bottom: .94rem;border-top: .04rem solid #ebebed;padding-top: 1px;" />
          <table>
            <ng-container *ngIf="tagData.data.info.sitingRentLabel">
              <tr>
                <td width="20%" valign="top"
                  style="font-size: 1rem;font-weight: 400;color: #858894;padding-bottom: 0.94rem !important;">
                  {{tagData.data.info.sitingRentLabel}}</td>
                <td width="44%" valign="top" style="font-size: 1rem;font-weight: 400;color: #27282E;">
                  {{tagData.data.info.sitingRentValue}}</td>
              </tr>
            </ng-container>
            <ng-container *ngIf="tagData.data.info.doorWidthLabel">
              <tr>
                <td width="20%" valign="top"
                  style="font-size: 1rem;font-weight: 400;color: #858894;padding-bottom: 0.94rem !important;">
                  {{tagData.data.info.doorWidthLabel}}</td>
                <td width="44%" valign="top" style="font-size: 1rem;font-weight: 400;color: #27282E;">
                  {{tagData.data.info.doorWidthValue}}</td>
              </tr>
            </ng-container>
            <ng-container *ngIf="tagData.data.info.recommendPropertyLabel">
              <tr>
                <td width="20%" valign="top"
                  style="font-size: 1rem;font-weight: 400;color: #858894;padding-bottom: 0.94rem !important;">
                  {{tagData.data.info.recommendPropertyLabel}}</td>
                <td width="44%" valign="top" style="font-size: 1rem;font-weight: 400;color: #27282E;">
                  {{tagData.data.info.recommendPropertyValue}}</td>
              </tr>
            </ng-container>
            <ng-container *ngIf="tagData.data.info.industryLabel">
              <tr>
                <td width="20%" valign="top"
                  style="font-size: 1rem;font-weight: 400;color: #858894;padding-bottom: 0.94rem !important;">
                  {{tagData.data.info.industryLabel}}</td>
                <td width="44%" valign="top" style="font-size: 1rem;font-weight: 400;color: #27282E;">
                  {{tagData.data.info.industryValue}}
                  <span *ngIf="tagData.data.info.industryValueTag"
                    style="margin-left: 0.32rem;height: 1.13rem;background: rgba(248, 108, 80, 0.15);border-radius: 0.13rem;padding-bottom: 0.13rem;">
                    <font
                      style="font-size: 0.69rem;font-weight: normal;color: #F86C50;margin-left: 0.32rem;margin-right: 0.32rem;line-height: 1rem;height: 1rem;">
                      {{tagData.data.info.industryValueTag}}</font>
                  </span>
                </td>
              </tr>
            </ng-container>
            <ng-container *ngIf="tagData.data.info.expectDistrictLabel">
              <tr>
                <td width="20%" valign="top" style="font-size: 1rem;font-weight: 400;color: #858894;">
                  {{tagData.data.info.expectDistrictLabel}}</td>
                <td width="44%" valign="top" style="font-size: 1rem;font-weight: 400;color: #27282E;">
                  {{tagData.data.info.expectDistrictValue}}</td>
              </tr>
            </ng-container>
            <ng-container *ngIf="tagData.data.info.budgetPriceLabel">
              <tr>
                <td width="20%" valign="top" style="font-size: 1rem;font-weight: 400;color: #858894;">
                  {{tagData.data.info.budgetPriceLabel}}</td>
                <td width="44%" valign="top" style="font-size: 1rem;font-weight: 400;color: #ff6314;">
                  {{tagData.data.info.budgetPriceValue}}<span *ngIf="tagData.data.info.budgetPriceValue"
                    style="font-size: 0.93rem;">{{tagData.data.info.budgetPriceUnit}}</span></td>
              </tr>
            </ng-container>
          </table>
          <div style="display: flex;justify-content: space-between;">
            <div style="margin-bottom: 2.19rem;">
              <img id="img_detail_qr" src="#" onerror="this.src='assets/icon/ppw_app_qrcode.png'"
                style="width: 5.44rem;height: 5.44rem;" />
              <span
                style="height: 0.75rem;font-size: 0.75rem;font-weight: 400;color: #858894;line-height: 0.75rem;margin-left: 0.63rem;">{{tagData.data.info.codeTips}}</span>
            </div>
            <div style="width: 5.13rem;height: 5.13rem;">
              <img src="{{tagData.data.info.logo}}" onerror="this.src='assets/icon/share_logo@3x.png'"
                style="width: 5.13rem;height: 5.13rem;" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="share-height" style="height: 1px;"></div>


  </div>
  <div class="bottom-box">
    <ng-container *ngIf="tagData.data.button.isDouyin">
      <button id="savepic{{uuid}}" class="save-btn 1"
        (debounceClick)="savePic(tagData.data.button.isDouyin,tagData.data.button.title,tagData.data.button.content,tagData.data.button.webpageUrl,'savepic')"
        appDebounceClick [debounceTime]="300">
        <div class="save-box">
          <ng-container *ngIf="tagData.data.button.icon">
            <img src="{{tagData.data.button.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
              class="save-icon" />
          </ng-container>
          <label class="save-label">{{tagData.data.button.label}}</label>
        </div>
      </button>
    </ng-container>
    <ng-container *ngIf="!tagData.data.button.isDouyin">
      <button id="savepic{{uuid}}" class="save-btn 2"
        (debounceClick)="savePic(false,tagData.data.button.title,tagData.data.button.content,tagData.data.button.webpageUrl,'savepic')"
        appDebounceClick [debounceTime]="300">
        <div class="save-box">
          <ng-container *ngIf="tagData.data.button.icon">
            <img src="{{tagData.data.button.icon}}" onerror="this.src='assets/icon/share_icon_download@3x.png'"
              class="save-icon" />
          </ng-container>
          <label class="save-label">{{tagData.data.button.label}}</label>
        </div>
      </button>
    </ng-container>
  </div>
</ng-container>